<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>新闻管理</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/newsManager.css}" />
    <link th:href="@{/dist/summernote.css}" rel="stylesheet"/>
</head>
<body id="b" style="display: none">
<div style="width: 80%;margin-left: 10%;margin-top: 1%">
    <table class="table table-hover table-striped table-bordered">
        <caption>新闻公告管理</caption>
        <thead>
        <tr>
            <th>
                <button class="btn btn-primary" onclick="addNews()">添加新闻</button>
            </th>
            <th>
                新闻标题
            </th>
            <th>
                修改时间
            </th>
            <th>
                语言类型
            </th>
        </tr>
        </thead>
        <tbody id="details">
        <tr>
            <td>

            </td>
        </tr>
        </tbody>
    </table>
    <!--模态框-->
    <button style="display: none" id="showMtk" class="btn btn-primary" data-toggle="modal" data-target="#myModal"></button>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content" >
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title row" id="myModalLabel">
                        <div class="col-sm-6" style="margin-left: 20px;">
                            标题:<input id="title" class="newTitle"/>
                        </div>
                        <div class="col-sm-5">
                            语种:<input id="language" class="newTitle2"/>
                        </div>
                    </h4>
                </div>
                <div class="modal-body">
                    <div id="summernote"></div>
                </div>
                <div class="modal-footer">
                    <button id="mtkClose" type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                    <button onclick="sub()" type="button" class="btn btn-primary">
                        提交保存
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    <div hidden="hidden">
        <input id="perfix" th:value="#{perfix}" />
        <input id="page" value="1">
        <button id="newsGet" onclick="newsGet()">搜索</button>
        <input id="newsId" value="">
    </div>
    <!--分页-->
    <div class="row" style="height: 60px;margin-top: 20px;width: 1200px;text-align: center">
        <div class="col-sm-3">
            <span style="color: #999999;font-size: 14px;margin-left: 50px;">总共有</span>
            <span id="pagecount" style="color: #4B98D9;font-size: 14px;"></span>
            <span style="color: #999999;font-size: 14px;">页 当前为第</span>
            <span  id="crpage" style="color: #4B98D9;font-size: 14px;"></span>
            <span style="color: #999999;font-size: 14px;">页</span>
        </div>
        <div class="col-sm-9" id="pages" name="page">
            <button class="detailpage"></button>
        </div>
    </div>
</div>
</body>
<script th:src="@{/js/jquery-3.4.1.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/dist/summernote.js}"></script>
<script th:src="@{/dist/lang/summernote-zh-CN.js}"></script>
<script th:src="@{/js/newsManager.js}"></script>
</html>